<!DOCTYPE HTML>
<html>
	<head>
		<!-- jQueryUI-->
		<link href="{{ asset('/css/jQueryUI/jquery-ui-1.10.3.custom.css')}}" rel="stylesheet" >
		<!-- bootstrap 3.0.2 -->
		<link href="{{ asset('/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
	</head>
	<body onload="init();">
		<canvas id="drawingCanvas" width="500" height="200">
		</canvas>
		<div class="col-md-9" style="padding-top: 10px;">
			<ul>
				<li type="button" class=" btn btn-primary" id="draw_rect" >
					draw_rect
				</li>
				<li type="button" class=" btn btn-primary" value="draw_circle" id="draw_circle" >
					draw_circle
				</li>
				<li type="button" class=" btn btn-primary" value="draw_line" id="draw_line">
					draw_line
				</li>
				<li type="button" class=" btn btn-primary" value="draw_angle" id="draw_angle">
					draw_angle
				</li>
				<li type="button" class=" btn btn-primary" value="2" id ="zoom1x">
					1X
				</li>
				<li type="button" class=" btn btn-primary" value="2" id ="zoom2x">
					2X
				</li>
				<li type="button" class=" btn btn-primary" value="4" id ="zoom4x">
					<span>4X</span>
				</li>
				<li type="button" class=" btn btn-primary" id="remove">
					Remove
				</li>
				<li type="button" class="btn btn-primary" id="btnSave">
					Save
				</li>
				<li type="button" class="btn btn-primary" id="btnLoad">
					Load
				</li>
			</ul>
		</div>
		<div class="col-md-3">
			<span>
				<input type="color" style="display: block;" id='colorPicker'>
			</span>
		</div>
	</body>
	<!-- jQuery 2.0.2 -->
	<script src="{{ asset('/js/jquery-2.1.4.min.js')}}" type="text/javascript"></script>
	<!-- Bootstrap -->
	<script src="{{ asset('/js/bootstrap.min.js')}}" type="text/javascript"></script>
	<script src="https://code.createjs.com/preloadjs-0.6.1.min.js"></script>
	<script src="https://code.createjs.com/createjs-2015.05.21.min.js"></script>
	<script src="https://code.createjs.com/easeljs-0.8.1.min.js"></script>
	<script>

	</script>
</html>